<style>
@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0px;}
body{ font-size:16px; font-family:"微软雅黑"; color:#5a6875;}
ul li{list-style:none;}
a{text-decoration:none; color:#5a6875;}
a img{border:none !important;}
.spanc{width:100%; clear:both;}

.clear {
	*zoom: 1;
}

.clear:after {
	display: table;
	content: "";
	clear: both;
}
body.boxed{width:auto;margin: 0 auto;max-width: 100%;box-shadow: none;background: #FFF;}
.top{ width:100%; height:115px; box-shadow:0px 5px 5px #ccc;}
.top_mian{ width:1150px; height:100%; margin:0 auto;}
.top_logo,.top_right{float:left;}
.top_logo{margin-top:44px;}

.top_right{float:right;}
.top_nav,.top_search,.top_login{float:left;}
.top_nav>li{float:left; line-height:115px; font-size:20px; margin-left:70px;}
.top_nav>li>a{ color:#616d79;}
.top_navactv{color:#1b89fa !important;}
.top_nav>li>a:hover{ color:#1b89fa;}
.top_search{margin-left:45px;}
.top_search>form{width:200px; height:25px; border:solid 1px #e5e6ea; background-color:#f5f7f6; border-radius:12px; margin-top:45px;}
.top_search_text,.top_search_submit{float:left;}
.top_search_text{ width:165px; border:none; height:100%; text-indent:10px; background-color:#f5f7f6;}
.top_search_submit{ width:35px; height:100%; background:url(../images/01.png) no-repeat center center; border:none; cursor:pointer;}
.top_login{ margin-left:40px;}
.top_login>a{ display:block; width:65px; height:30px; border:solid 1px #dde1e4; border-radius:5px; background:#f5f7f6; font-size:12px; text-align:center; line-height:30px; margin-top:40px;}

.mian{width:1150px; margin-top:20px; margin-left:auto; margin-right:auto;}
.benner{ width:100%;}
.swiper-slide > a{width:100%; display:block;}
.swiper-slide > a > img{ width:100%; display:block;}

.swiper-container {width:100%; height:auto; margin: 20px auto;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
 -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.cotent_nav{ width:100%; height:30px;}
.cotent_nav>li{float:left; font-size:18px; width:125px; cursor:pointer; text-align:center;}
.cotent_nav>li>span{ display:inline-block; width:auto; height:auto; }
.cotent_nav_actv{border-bottom:solid 1px #1b89f8 !important;}
.cotent_nav>li>span:hover{border-bottom:solid 1px #1b89f8;}

.conten_mian{ width:100%; height:auto; margin-top:40px;}
.cotent_left_1,.cotent_right{ float:left;}
.cotent_left{ height:auto; border-right:solid 1px #dde2e8; padding-right:70px;}
.cotent_left>li{ display:none;}
.conten_1{ width:100%; color:#c9c9c9; height:20px; line-height:20px; font-size:12px;}
.conten_1_left,.conten_1_right{ float:left;}
.conten_1_left{ padding-right:10px;}
.conten_1_right{ padding-left:10px; border-left:solid 1px #dde2e8;}
.cotent_news{ width:100%; height:auto; margin-top:30px; margin-bottom:20px; padding-bottom:30px; overflow:hidden; border-bottom:solid 1px #dee3e9;}
.conten_2{font-size:22px;}
.conten_3{ width:100%; margin-top:15px;}
.cotent_news .coverimg{padding-left:0px;}
.cotent_news .coverimg img{ max-height: 120px;margin-top:6px;max-width:100%;}
.conten_4_left,.conten_4_right{ float:left;}
.conten_4_left{font-size:14px;}
.conten_4_left>a{ color:#1b89f8; text-decoration:underline; margin-left:10px;}
.conten_4_right{float:right;}
.conten_5,.conten_6{float:left;font-size:12px; margin-left:15px; cursor:pointer;}
.conten_7{ width:100%; height:35px; text-align:center;}
.conten_7>span{ display:inline-block; width:125px; height:33px; border:solid 1px #dde1e4; border-radius:5px; line-height:33px; font-size:14px; cursor:pointer; background:#f5f7f6;}

.cotent_right{ padding-left:40px;}
.conten_8{ width:100%; margin-top:20px;}
.conten_9{ font-size:20px; line-height:30px;}
.conten_9>a{ float:right; font-size:14px; color:#419efb;}
.conten_9>a:hover{ text-decoration:underline;}
.conten_10{ width:100%; margin-top:15px; border-bottom:solid 1px #dde2e8;}
.conten_10>li{ width:100%; height:90px; margin-bottom:25px; overflow:hidden;}
.conten_10>li:hover{ background:#dde2e8; cursor:pointer;}

.conten_11,.conten_12{ float:left;}
.conten_11{ width:90px; height:90px;}
.conten_11 img{ width:100%; height:100%; display:block;}
.conten_12{width:220px; float:right; padding-left:10px;}
.conten_13{ font-size:10px; line-height:20px; color:#bbbbbb;}
.conten_14{ font-size:16px;}
.conten_15{ width:100%; margin-top:10px;}
.conten_16{ font-size:20px;}
.conten_17{ width:100%;}
.conten_17>li{ width:100%; height:67px; margin-top:30px;}
.conten_17>li>a{ display:block; width:100%; height:100%; color:#fff; text-align:right; overflow:hidden;}
.conten_17>li p{ padding-right:10px;}
.conten_18{ font-size:18px; margin-top:10px;}
.conten_19{ font-size:14px;}


.bottom{ width:100%; padding-bottom:60px; background-color:#222931; height:auto;}
.bottom_mian{ width:100%; padding-top:50px; background:#262f36; height:auto; overflow:hidden; padding-bottom:30px;}
.fot{ width:1150px; margin:0 auto;}
.fot_left,.fot_right{float:left;}
.fot_left{ width:105px;}
.fot_left img{ display:block; width:100%;}
.fot_right{float:right;}
.fot_1,.fot_3{float:left;}
.fot_1{width:110px; margin-left:100px;}
.fot_4{ font-size:18px;}
.fot_4>a{ color:#fff;}
.fot_5>a{ display:block; width:100%; height:30px; line-height:30px; color:#39464f; margin-top:30px;}
.fot_5>a:hover{ text-decoration:underline;}
.fot_3{ width:160px; margin-left:100px;}
.fot_6{ width:100%; margin-top:30px;}
.fot_7,.fot_8,.fot_9{ float:left; margin-right:20px;}
.fot_8,.fot_9{ cursor:pointer;}

.fa-heart{color:rgb(255,89,111);}
.swiper-button-white { opacity: 0.2;}
.swiper-button-white:hover { opacity: 1;}

.wap_top,.wap_nav{ display:none;}
@media (max-width: 640px) {
	.cotent_nav{ width:90%; margin-left:auto; margin-right:auto;}
	.cotent_nav > li{ font-size:16px; width:auto; padding-left:5px; padding-right:5px; line-height:40px;}

	.cotent_left_1, .cotent_right{ width:100%;}
	.cotent_left{ width:100%; padding-right:0px; border-right:0px;}
	.conten_2{font-size:16px;}
	.cotent_right{ padding-left:0px;}
}

</style>
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css"/>
{{if $Category['Uploadfile']['banner']}}
<div class="container"><div class="row"><div class="col-sm-12 col-xs-12">
	<div class="benner">
    	<div class="swiper-container">
            <div class="swiper-wrapper">
            	{{loop $Category['Uploadfile']['banner'] $key $file}}					
					<div class="swiper-slide">
						<a href="{{$file['link']}}" title="{{$file['name']}}" target="_blank"><img src="{{$this->Html->url($file['fspath'])}}"/></a>
					</div>
				{{/loop}}
            </div>
            <!-- 分页器 -->
        <div class="swiper-pagination"></div>
        <!-- 按钮 -->
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
        </div>
    </div>
</div></div></div>
{{/if}}

<div class="container"><div class="row"><div class="col-sm-12 col-xs-12">
<!---------内容选项卡---------------------->
    <ul class="cotent_nav">
    	<li><a href="?cate_id=115"><span class="cotent_nav_actv">内容</span></a></li>
    	<li><a href="?cate_id=119"><span>产品</span></a></li>
        <li><a href="?cate_id=124"><span>活动</span></a></li>
        <li><a href="?cate_id=112"><span>用户</span></a></li>
        <li><a href="?cate_id=111"><span>新媒体</span></a></li>
        <li><a href="?cate_id=113"><span>APP</span></a></li>
        <li><a href="?cate_id=114"><span>职来职往</span></a></li>
        <li><a href="?cate_id=116"><span>社群</span></a></li>
        <li><a href="?cate_id=112"><span>自我成长</span></a></li>
    </ul>
</div></div></div>

<div class="container">
<div class="row">
<div class="col-md-8 col-sm-12 col-xs-12">
	<div class="cotent_left">
    <?PHP
     foreach($Category['datalist'] as $item) {
		$item['slug'] = $item['slug']?$item['slug']:$item['id'];
    ?>	
		<div class="cotent_news clearfix">
           
                        
            <div>
                {{if $item['coverimg']}}
                <div class="coverimg col-xs-3"><p class="text-right"><a target="_blank" href="/essences/view/{{$item['id']}}"><img src="{{$item['coverimg']}}"/></a></p></div>
                {{/if}}

            <div class="col-xs-9">
                <div class="conten_2"><a target="_blank" href="/essences/view/{{$item['id']}}">{{$item['name']}}</a></div>

                <div class="conten_1">
                            <div class="conten_1_left">{{$item['created']}}</div>
                           <!--  <div class="conten_1_right">需要4min阅读完</div> -->
                        </div>
                        {{if $item['summary']}}
                        <div class="conten_3">
                            
                            <p>{{nl2br($item['summary'])}}</p>
                        </div>
                        {{/if}}
                        <div class="conten_4">
                        	 {{if $data_tags[$item['id']]}}
                            <div class="conten_4_left">
                                <span>标签:</span>
                               
								{{loop $data_tags[$item['id']] $tid}}
									<a rel="{{$tid}}" href="?tag_id={{$tid}}" target="_blank">{{$all_tags[$tid]}}</a> &nbsp;
								{{/loop}}
                            </div>
                            {{/if}}
                            <div class="conten_4_right">
                                <div class="conten_5">
                                    {{if $fovarited_list && $favor_id = array_search($item['id'],$fovarited_list)}}
                                    <a href="javascript:void(0)" data-toggle="tooltip" data-container="body" data-placement="top" data-url="{{$this->Html->url('/favorites/cancel/'.$favor_id)}}" data-id="{{$item['id']}}" title="{{__('Favorited Tips')}}" onclick="unfavorite(this);"><i class="fa fa-heart"></i></a>
                                    {{else}}
                                    <a  href="javascript:void(0)"  data-toggle="tooltip" data-container="body" data-placement="top" data-model="Essence" data-id="{{$item['id']}}"  onclick="addtofavor('Essence',{{$item['id']}},this);"><i class="fa fa-heart-o"></i></a>
                                    {{/if}}
                                    <span>{{$item['favor_nums']}}</span>
                                </div>
                                <div class="conten_6">
                                    <a href="/essences/view/{{$item['id']}}">
                                    <span><i class="fa fa-comment-o"></i></span>
                                    <span>{{$item['comment_nums']}}</span>
                                    </a>
                                </div>
                            </div>
                        </div>
            </div>
            </div>
        </div>			
	<?php } ?>
	{{$page_navi}}
	</div>
</div>
<div class="col-md-4 col-sm-12 col-xs-12">
	<div class="cotent_right">
    	<!-------时间管理----------->
    	<div class="conten_8">
        	<div class="conten_9">时间管理<a target="_blank" href="http://www.135plat.com/biji?cate_id=123">更多</a></div>
            <ul class="conten_10">
            	<portlet
				model="Essence" cached="900" showpages="0" 	
		info="fields[]=Essence.id&fields[]=Essence.name&fields[]=Essence.coverimg&fields[]=Essence.created&order=id desc"
				portlet="body" conditions="cate_id=123" list_tpl="inner" limit="5" order="view_nums desc">
					<li>
	                	<div class="conten_11"><a target="_blank" href="/essences/view/{{$item['id']}}.html"><img src="{{$item['coverimg']}}"/></a></div>
	                    <div class="conten_12">
	                    	<div class="conten_13">{{$item['created']}}</div>
	                        <div class="conten_14"><a target="_blank" href="/essences/view/{{$item['id']}}.html">{{$item['name']}}</a></div>
	                    </div>
	                </li>
				</portlet>
				
            </ul>
        </div>
        <!-------今日有课蹭------->
        <div class="conten_8">
        	<div class="conten_9">内容运营<a target="_blank" href="http://www.135plat.com/biji?cate_id=115">更多</a></div>
            <ul class="conten_10">
            	<portlet
				model="Essence" cached="900" showpages="0" title="热门课程"	
		info="fields[]=Essence.id&fields[]=Essence.name&fields[]=Essence.coverimg&fields[]=Essence.created&order=id desc"
				portlet="body" list_tpl="inner" conditions="cate_id=115" limit="5" order="view_nums desc">
					<li>
	                	<div class="conten_11"><a target="_blank" href="/essences/view/{{$item['id']}}.html"><img src="{{$item['coverimg']}}"/></a></div>
	                    <div class="conten_12">
	                    	<div class="conten_13">{{$item['created']}}</div>
	                        <div class="conten_14"><a target="_blank" href="/essences/view/{{$item['id']}}.html">{{$item['name']}}</a></div>
	                    </div>
	                </li>
				</portlet>
            </ul>
        </div>
        <!------更多专题----
        <div class="conten_15">
        	<div class="conten_16">更多专题</div>
            <ul class="conten_17">
            	<li style="background:url(images/14.png) no-repeat left center; background-size:100% 100%;">
                	<a href="">
                    	<p class="conten_18">职来职往</p>
                        <p class="conten_19">Workplace life</p>
                    </a>
                </li>
                <li style="background:url(images/15.png) no-repeat left center; background-size:100% 100%;">
                	<a href="">
                    	<p class="conten_18">个人成长</p>
                        <p class="conten_19">Grow up</p>
                    </a>
                </li>
            </ul>
        </div>-------->
    </div>
</div>
</div></div>
	
<script src="/js/swiper.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container',{
	prevButton:'.swiper-button-prev',
	nextButton:'.swiper-button-next',
	autoplay : 5000,
	speed:300,
	loop : true,
	loopAdditionalSlides : 1,
	pagination: '.swiper-pagination',
	paginationClickable: true,
  	autoplayDisableOnInteraction : false,
});
</script>



